<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0  minimum-scale=1.0, maximum-scale=1.0,,user-scalable=no" />
    <title>在线RFID检查通道</title>
    <!-- <script src="js/jquery-1.8.3.min.js"></script> -->
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/weipaer.css" />
    <link rel="stylesheet" href="css/server.css" />
    <!-- <link rel="stylesheet" href="css/bs4.pop.css"> -->
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/index.css?rev=ac6ed5b7b7b35822066a7c1ff4367280">
</head>

<body class="text-center  center">
    <header>
        <div class="container bg-positive" id="haederTitle">
            RFID-检查通道
        </div>
    </header>

    <div class=" container ">
        <div id="wrapper" class="bg-info">
            <nav class="navbar navbar-inverse bg-success  navbar-fixed-top" id="sidebar-wrapper" role="navigation">
                <ul class="nav sidebar-nav user-list2" data-toggle="tooltip" data-placement="bottom" title="单击用户列表进行对话">
                    <li class="sidebar-brand" style="text-decoration: node;list-style: none;">
                        <a href="#" id="h4">
                            <h4 class="user-count">
                                在线游客(<span class="count">暂无客户</span>)
                                <span class="glyphicon glyphicon-chevron-left is-open animated  active fadeInLeft" data-toggle="offcanvas" id="close"></span>
                            </h4>
                        </a>
                    </li>
                </ul>
            </nav>
            <button type="button" class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
            <span class="hamb-top " ></span>
            <span class="hamb-middle" ></span>
            <span class="hamb-bottom" ></span>
          </button>
        </div>

        <div id="user-container" class="is-open animated  active fadeInLeft col-lg-3">
            <h4 class="user-count" style="text-indent: 1rem;">
                在线游客(<span style="padding:0 1rem 0 0;" class="count">暂无客户</span
            >)<span class="glyphicon chevron-left" id="close1"></span>
            </h4>
            <div class="user-list" data-toggle="tooltip" data-placement="bottom" title="单击用户列表进行对话"></div>
        </div>

        <div class="container  col-lg-9  text-center">
            <div class="chat-info col-md-2"></div>
            <div class="chat col-md-8 charbox">
                <div class="chat-content" id="chat-content">
                    <h3 style="margin: 25% auto;width: 100%;line-height: 50px;font-size: 1rem;text-align: center;color:orange;">
                        请单击选择左边客户列表进行对话!
                    </h3>
                </div>
                <strong id="tip" style="margin-left: 50%;"></strong>
                <div class="chat-tools" style="width: 100%;">
                    <button class="btn btn-primary glyphicon glyphicon-font " title="请选择出生年月日" startyear="华文" default-val="简体" id="kinerDatePickerInput1"></button>
                    <button class="btn btn-danger glyphicon glyphicon-picture" onclick="getimage()"></button>
                    <button class="btn btn-success glyphicon glyphicon-earphone"></button>
                    <button class="btn btn-info glyphicon glyphicon-phone"></button>
                    <button class="btn btn-warning glyphicon glyphicon-envelope"><a class="tel" href="mailto:jekingxu@outlook.com"></a></button>
                    <button class="btn btn-default glyphicon glyphicon-none ">工具栏    </button>
                </div>

                <div class="chat-input">
                    <div class="chat-input-content">
                        <textarea class="form-control" id="message" cols="30" rows="4"></textarea>
                    </div>
                    <div class="chat-input-btn">
                        <button class="btn btn-success" id="sendMessage">
                             发送(Enter)
                         </button>
                    </div>
                </div>
            </div>
        </div>

        <div class="container app">
            <div class="kinerDatePickerInput " title="请选择出生年月日" startyear="1950" default-val="1995-1-1"></div>
        </div>

    </div>




    <!-- <script src="js/jquery-1.12.4.min.js"></script> -->
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="/chat/socket.io.js"></script>
    <script src="js/server.js"></script>
    <script src="js/flexible.js"></script>
    <script src="js/zepto.js"></script>
    <script src="js/js.cookie.min.js"></script>
    <script src='js/bootstrap4.2.js'></script>
    <script src="/js/libs/flexible_css.debug.js"></script>
    <script src="/js/libs/mobileFix.js"></script>
    <script src="/js/libs/swiper.min.js"></script>
    <script src="/js/libs/kinerDatePicker.js"></script>




</body>

</html>